<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <title>小惊喜 - 自定义 & 带音乐</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <!-- 音乐 -->
  <audio id="bgm" preload="auto" loop autoplay playsinline muted src="assets/bgm.wav"></audio>
  <div class="music-toggle" id="musicToggle" role="button" aria-label="切换音乐">
    🎵<span id="musicState">已静音</span>
  </div>

  <!-- 欢迎提示 -->
  <div class="welcome-message" id="welcomeMsg">
    <h1 id="heroTitle">💕 小惊喜 💕</h1>
    <h2 id="heroSubtitle">这是专属于你的心意</h2>
    <div class="lines" id="heroLines"></div>
    <button id="startBtn">点我开始吧 ✨</button>
  </div>

  <!-- 控制面板 -->
  <div class="control-panel" style="display:none;" id="controlPanel">
    <button id="clearBtn">清空</button>
    <span style="color:#999;margin-left:8px;"><span class="counter" id="counter">0</span></span>
  </div>

  <script src="config.js"></script>
  <script src="app.js"></script>
</body>
</html>
